<head>
    <style>
        body {
            width: 910px;
        }

        .item {
            width: 150px;
            padding: 10px;
            border: 1px solid #ccc;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
            background-color: rgb(150, 252, 186);
            margin: 5px;
        }

        .container {
            display: flex;
            flex-wrap: wrap;
        }
    </style>
</head>

<body>
    <div class="container">
        {{each info item}}
        <div class="item">
            {{item.name}}<br>
            种植价格: {{item.price}}<br>
            种植XP: {{item.needXp}}<br>
            种植时间: {{item.plantingTime[0]}}{{item.plantingTime[1]}}<br>
            可收获: {{item.harvest}}<br>
            出售价格: {{item.salePrice}}<br>
            可获得XP: {{item.xp}}</div>
        {{/each}}
    </div>
</body>